﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="step2.ascx.cs" Inherits="application_step2" %>
<%@ Register Assembly="ESWebFramework.I18N" Namespace="ESWebFramework.I18N" TagPrefix="eswf" %>
<link href="css/app_popup.css" rel="stylesheet" type="text/css" />
<script src="script/stickytooltip.js" type="text/javascript"></script>
<link href="style/stickytooltip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $(document).ready(function() {
        // Datepicker
        $('#<%=tbDateLoading.ClientID%>').datepicker({ dateFormat: 'dd/mm/yy' });
        $('#<%=tbDateUnloading.ClientID%>').datepicker({ dateFormat: 'dd/mm/yy' });
        $('#<%=tbDateOpening.ClientID%>').datepicker({ dateFormat: 'dd/mm/yy' });
        $('#<%=tbDateClosing.ClientID%>').datepicker({ dateFormat: 'dd/mm/yy' });

        $('#<%=btn_add_more_loading.ClientID%>').click(AddMoreLoading);
        $('#<%=btn_add_more_unloading.ClientID%>').click(AddMoreUnloading);
        $('#<%=btn_save_loading.ClientID%>').click(SaveLoading);
        $('#<%=btn_save_unloading.ClientID%>').click(SaveUnLoading);
        $('#<%=btn_delete_loading.ClientID%>').click(DeleteLoading);
        $('#<%=btn_delete_unloading.ClientID%>').click(DeleteUnLoading);

        //$('#<%=ddlCountryLoading.ClientID%>').click(loadLoadingPlaces);
        //$('#<%=ddlCountryUnloading.ClientID%>').click(loadUnloadingPlaces);

        $('#btn_loading_1').show();
        $('#btn_unloading_1').show();
        $('#btn_loading_1').attr('selected', true);
        $('#btn_loading_1').css('background-color', '#CCCCCC');
        $('#btn_unloading_1').attr('selected', true);
        $('#btn_unloading_1').css('background-color', '#CCCCCC');

        if (typeof (Loading_Arr) != 'undefined') {
            if (Loading_Arr.length > 0) {
                for (var i = 1; i <= Loading_Arr.length; i++) {
                    $('#btn_loading_' + i).show();
                }
                //$('#btn_loading_1').click();
                if (Loading_Arr.length == 4) {
                    $('#<%=btn_add_more_loading.ClientID%>').hide();
                }
            }
        }

        if (typeof (Unloading_Arr) != 'undefined') {
            if (Unloading_Arr.length > 0) {
                for (var i = 1; i <= Unloading_Arr.length; i++) {
                    $('#btn_unloading_' + i).show();
                }
                if (Unloading_Arr.length == 4) {
                    $('#<%=btn_add_more_unloading.ClientID%>').hide();
                }
                //$('#btn_unloading_1').click();
            }
        }
    });

    function AddOther(placetype_id,ddl_value,ddl_id,isloading) {

        var loading_div = '';
        var country_id = $('#<%=ddlCountryLoading.ClientID %>').val();
        if (isloading) {
            loading_div = 'AddOtherLoading';
            country_id = $('#<%=ddlCountryLoading.ClientID %>').val();
        }
        else {
            loading_div = 'AddOtherUnloading';
            country_id = $('#<%=ddlCountryUnloading.ClientID %>').val();
        }
        $('#' + loading_div).html('')
        if (ddl_value == '') {

            var OtherPlace = new Array();
            OtherPlace.push('<div class="formItemDiv">');
            OtherPlace.push('<label class="lblItem"><span id="step21_ESi18nLabel3">&nbsp;</span></label>');
            OtherPlace.push('<input type="text" style="width:143px;" class="formItem" id="tb_PlaceName_' + ddl_id + '" maxlength="40">');
            OtherPlace.push('&nbsp;-&nbsp;<input type="text" title="Place Name" style="width:41px;" class="formItem" id="tb_PlaceShort_' + ddl_id + '" maxlength="3">');
            OtherPlace.push('</div>');
            $('#' + loading_div).show();
            $('#' + loading_div).html(OtherPlace.join(''))
        }

    }

    function LoadOtherStep2(placetype_id, ddl_value, ddl_id, isloading,val1,val2) {

        var loading_div = '';
        if (isloading) {
            loading_div = 'AddOtherLoading';
        }
        else {
            loading_div = 'AddOtherUnloading';
        }
        
        if (ddl_value == '') {

            var OtherPlace = new Array();
            OtherPlace.push('<div class="formItemDiv">');
            OtherPlace.push('<label class="lblItem"><span id="step21_ESi18nLabel3">&nbsp;</span></label>');
            OtherPlace.push('<input type="text" style="width:143px;" value="' + val1 + '" class="formItem" id="tb_PlaceName_' + ddl_id + '" maxlength="40">');
            OtherPlace.push('&nbsp;-&nbsp;<input type="text" title="Place Name" value="' + val2 + '" style="width:41px;" class="formItem" id="tb_PlaceShort_' + ddl_id + '" maxlength="3">');
            OtherPlace.push('</div>');
            $('#' + loading_div).show();
            $('#' + loading_div).html(OtherPlace.join(''))
        }

    }

    function SaveOtherPlace(placetype_id, ddl_id, country_id, isloading) {

        var PlaceShort = $("#tb_PlaceShort_" + ddl_id);
        var PlaceName = $("#tb_PlaceName_" + ddl_id);
        var validfiels = true;
        if (PlaceShort.val() == '') {
            //PlaceName.css('border', '1px solid red')
            //validfiels = false
        }
        else {
            PlaceName.css('border', '1px solid #000')
        }
        if (PlaceShort.val() == '') {
            //PlaceShort.css('border', '1px solid red')
            //validfiels = false
        }
        else {
            PlaceName.css('border', '1px solid #000')
        }
        if (validfiels) {
            $.ajax
	        ({
	            url: "admin/webservice/Places.asmx/insPlace",
	            data: '{_short: "' + PlaceShort.val() + '" '
		            + ',name:"' + PlaceName.val() + '"'
		            + ',placetype_id:"' + placetype_id + '"'
		            + ', isActive: "true"'
		            + ' , country_id: "' + country_id + '"}',
	            dataType: "json",
	            contentType: "application/json; charset=utf-8",
	            type: "POST",
	            complete: function(json1) {
	                loadLoadingPlaces(isloading, country_id);
	                var c = JSON.parse(json1.responseText);
	                var d = JSON.parse(c.d);
	                $("#" + ddl_id).val(d)
	                if (isloading)
	                    $('#AddOtherLoading').html('')
	                else
	                    $('#AddOtherUnloading').html('')
	            }
	        });
        }

    }
   </script>
   <style>
       .main_top span
       {
   	        float: left;
            font-family: Arial;
            font-size: 11px;
            font-weight: bold;
            text-align: left;
            padding-left:20px;
            color:#ffffff;
       }
   </style>
<table class="popupTable" border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Header-->
<tr>
  <td colspan="2">
     <div id="header">
        <div id="form_title">
            <eswf:ESi18nLabel ID="ESi18nLabel1" TextReference="application" runat="server"></eswf:ESi18nLabel>
        </div>
        <div id="form_titlestep">
        <eswf:ESi18nLabel ID="ESi18nLabel4" TextReference="step" runat="server"></eswf:ESi18nLabel>&nbsp;2&nbsp;
         <eswf:ESi18nLabel ID="ESi18nLabel5" TextReference="of" runat="server"></eswf:ESi18nLabel>&nbsp;3
        </div>
     </div>
  </td>
</tr>
<!--Main Content-->
<tr id="row_tender_app_header" runat="server" visible="false">
    <td colspan="2">
        <div class="main_top" style="margin:0 !important;clear:both">
          <eswf:ESi18nLabel ID="ESi18nLabel18" TextReference="step2_tender_text" runat="server"></eswf:ESi18nLabel>
        </div>
    </td>
</tr>
<tr id="row_tender_app" runat="server" visible="false">
<td>&nbsp;</td>
<td>
    <center>
        <div id="formDiv">
            <!--Opening Date-->
            <div class="formItemDiv">
                <label class="lblItem">
                    <eswf:ESi18nLabel ID="lbl_openingdate" TextReference="openingdate" runat="server"></eswf:ESi18nLabel>
                    <asp:Label ID="tbDateOpening_rfv" runat="server">*</asp:Label>
                </label>
                 <asp:TextBox ID="tbDateOpening" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                   <img align="top" id="img_date_loading_info" runat="server" data-tooltip="date_loading_info" src="design_img/tool_tip_starter.jpg">
            </div>
             <!--Closing Date-->
            <div class="formItemDiv">
                <label class="lblItem">
                    <eswf:ESi18nLabel ID="lbl_closingdate" TextReference="closingdate" runat="server"></eswf:ESi18nLabel>
                    <asp:Label ID="tbDateClosing_rfv" runat="server">*</asp:Label>
                </label>
                 <asp:TextBox ID="tbDateClosing" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                 <img align="top" id="img_date_unloading_info" runat="server" data-tooltip="date_loading_info" src="design_img/tool_tip_starter.jpg">
        </div>
        </div>
    </center>
</td>
</tr>
<tr>
    <td colspan="2">
        <div class="main_top" style="margin:0 !important;clear:both">
            <eswf:ESi18nLabel ID="ESi18nLabel19" TextReference="step2_loading_text" runat="server"></eswf:ESi18nLabel>
        </div>
    </td>
</tr>
<tr>
 <td>&nbsp;</td>
 <td>
     <eswf:ESi18nLabel ID="ESi18nLabel21" TextReference="add_more_loading_tex" runat="server" class="lblItem" style="width:230px !important">
    </eswf:ESi18nLabel>&nbsp;
    <input type="button" id="btn_add_more_loading" class="btn_add_more" runat="server" value="Add more" />
    <input type="button" id="btn_loading_1" onclick="LoadingData(0)" class="btn_add_more_round" value="1" />
    <input type="button" id="btn_loading_2" onclick="LoadingData(1)" class="btn_add_more_round" value="2" />
    <input type="button" id="btn_loading_3" onclick="LoadingData(2)" class="btn_add_more_round" value="3" />
    <input type="button" id="btn_loading_4" onclick="LoadingData(3)" class="btn_add_more_round" value="4" />
    <input type="button" id="btn_save_loading" class="btn_add_more" runat="server" value="Save" visible="false" />
    <input type="button" id="btn_delete_loading" class="btn_add_more" runat="server" value="Delete" />
 </td>
</tr>
<tr>
 <td align="right">
   <label class="lblItemRight">
        <eswf:ESi18nLabel ID="ESi18nLabel16" TextReference="loading" runat="server"></eswf:ESi18nLabel>
    </label>
 </td>
 <td>
     <center>
        <div id="formDiv">
        <!--Loading-->
            <!--Country-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel2" TextReference="country" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="ddlCountryLoading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:DropDownList ID="ddlCountryLoading" onchange="loadLoadingPlaces(true,this.value)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                <img align="top" data-tooltip="country_loading_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--City-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel3" TextReference="city" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="tbCityLoading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:TextBox ID="tbCityLoading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="city_loading_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--PostCode-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel8" TextReference="post_code" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="tbPostCodeLoading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:TextBox ID="tbPostCodeLoading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="postcodeloading_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Aiport Loading:-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_aiport_loading" Visible="false" TextReference="aiport_loading" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:DropDownList ID="ddlAirportLoading" Visible="false" onchange="AddOther(3,this.value,this.id,true)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                 <img align="top" id="img_aiport_loading" Visible="false" runat="server" data-tooltip="airport_load_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--seaport_loading-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_seaport_loading" Visible="false" TextReference="seaport_loading" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:DropDownList ID="ddlSeaPortLoading" Visible="false" onchange="AddOther(1,this.value,this.id,true)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                <img align="top" id="img_seaport_loading" Visible="false" runat="server" data-tooltip="seaport_load_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <div id="AddOtherLoading"></div>
            
            <!--Date-->
            <div class="formItemDiv">
                <label class="lblItem">
                    <eswf:ESi18nLabel ID="ESi18nLabel6" TextReference="date" runat="server"></eswf:ESi18nLabel>
                     <asp:Label ID="tbDateLoading_rfv" runat="server">*</asp:Label>
                </label>
                 <asp:TextBox ID="tbDateLoading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="date_loading_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Time-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel7" TextReference="time" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:DropDownList ID="tbTimeLoading" Width="150px" CssClass="formItem" runat="server"></asp:DropDownList>
                <asp:DropDownList ID="ddlAMPMLoading" Width="48px" CssClass="formItem" runat="server">
                   <asp:ListItem Text="" Value=""></asp:ListItem>
                   <asp:ListItem Text="AM" Value="AM"></asp:ListItem>
                   <asp:ListItem Text="PM" Value="PM"></asp:ListItem>
                </asp:DropDownList>
                <img align="top" data-tooltip="time_loading_info" src="design_img/tool_tip_starter.jpg">
            </div>
            
        </div>
    </center>
  </td>
</tr>
<tr>
    <td colspan="2">
        <div class="main_top" style="margin:0 !important;">
         <eswf:ESi18nLabel ID="ESi18nLabel20" TextReference="step2_unloading_text" runat="server"></eswf:ESi18nLabel>
        </div>
    </td>
</tr>
<tr>
 <td>&nbsp;</td>
 <td>
     <eswf:ESi18nLabel ID="ESi18nLabel22" TextReference="add_more_unloading_t" runat="server" class="lblItem" style="width:230px !important">
    </eswf:ESi18nLabel>&nbsp;
    <input type="button" id="btn_add_more_unloading" class="btn_add_more" runat="server" value="Add more" />
    <input type="button" id="btn_unloading_1" onclick="UnLoadingData(0)" class="btn_add_more_round" value="1" />
    <input type="button" id="btn_unloading_2" onclick="UnLoadingData(1)" class="btn_add_more_round" value="2" />
    <input type="button" id="btn_unloading_3" onclick="UnLoadingData(2)" class="btn_add_more_round" value="3" />
    <input type="button" id="btn_unloading_4" onclick="UnLoadingData(3)" class="btn_add_more_round" value="4" />
    <input type="button" id="btn_save_unloading" class="btn_add_more" runat="server" visible="false" value="Save" />
    <input type="button" id="btn_delete_unloading" class="btn_add_more" runat="server" value="Delete" />
 </td>
</tr>
<tr>
 <td align="right">
   <label class="lblItemRight">
        <eswf:ESi18nLabel ID="ESi18nLabel17" TextReference="unloading" runat="server"></eswf:ESi18nLabel>
    </label>
 </td>
 <td>
     <!--Unloading-->
     <center>
       <div id="formDiv">            
            <!--Country-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel9" TextReference="country" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="ddlCountryUnloading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:DropDownList ID="ddlCountryUnloading" onchange="loadLoadingPlaces(false,this.value)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                <img align="top" data-tooltip="country_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--City-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel10" TextReference="city" runat="server"></eswf:ESi18nLabel>
                 <asp:Label ID="tbCityUnloading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:TextBox ID="tbCityUnloading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="city_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--PostCode-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel11" TextReference="post_code" runat="server"></eswf:ESi18nLabel>
                <asp:Label ID="tbPostCodeUnloading_rfv" runat="server">*</asp:Label>
                </label>
                <asp:TextBox ID="tbPostCodeUnloading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="postcode_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
             <!--Aiport UnLoading:-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_aiport_unloading" Visible="false" TextReference="aiport_unloading" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:DropDownList ID="ddlAirportUnloading" Visible="false" onchange="AddOther(3,this.value,this.id,false)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                 <img align="top" ID="img_aiport_unloading" Visible="false" runat="server" data-tooltip="airport_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--seaport_unloading-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="lbl_seaport_unloading" Visible="false" TextReference="seaport_unloading" runat="server"></eswf:ESi18nLabel>
                </label>
               <asp:DropDownList ID="ddlSeaPortUnloading" Visible="false" onchange="AddOther(1,this.value,this.id,false)" runat="server" CssClass="formItem" Width="202px">
                </asp:DropDownList>
                <img align="top" ID="img_seaport_unloading" Visible="false" runat="server" data-tooltip="seaport_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <div id="AddOtherUnloading"></div>
           
            <!--Date-->
            <div class="formItemDiv">
                <label class="lblItem">
                    <eswf:ESi18nLabel ID="ESi18nLabel12" TextReference="date" runat="server"></eswf:ESi18nLabel>
                    <asp:Label ID="tbDateUnloading_rfv" runat="server">*</asp:Label>
                </label>
                 <asp:TextBox ID="tbDateUnloading" MaxLength="40"  Width="200px" CssClass="formItem" runat="server"></asp:TextBox>
                <img align="top" data-tooltip="date_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            <!--Time-->
            <div class="formItemDiv">
                <label class="lblItem">
                <eswf:ESi18nLabel ID="ESi18nLabel13" TextReference="time" runat="server"></eswf:ESi18nLabel>
                </label>
                <asp:DropDownList ID="tbTimeUnloading" Width="150px" CssClass="formItem" runat="server">
                </asp:DropDownList>
                <asp:DropDownList ID="ddlAMPMUnloading" Width="48px" CssClass="formItem" runat="server">
                   <asp:ListItem Text="" Value=""></asp:ListItem>
                   <asp:ListItem Text="AM" Value="AM"></asp:ListItem>
                   <asp:ListItem Text="PM" Value="PM"></asp:ListItem>
                </asp:DropDownList>
                <img align="top" data-tooltip="time_unload_info" src="design_img/tool_tip_starter.jpg">
            </div>
            </div>
     </center>
 </td>
</tr>
<!-- Foother-->
<tr>
  <td colspan="2">
     <div id="footherPop">
        <br />
        <div id="foother_left" onclick="LoadAppStep(1);">
        <eswf:ESi18nLabel ID="ESi18nLabel15" CssClass="btnLeft" TextReference="btn_goto_step1" runat="server"></eswf:ESi18nLabel>
        </div>
        <div id="foother_right" onclick="LoadAppStep(3);">
        <eswf:ESi18nLabel ID="ESi18nLabel14" CssClass="btnRight" TextReference="btn_goto_step3" runat="server"></eswf:ESi18nLabel>
        </div>
      </div>
  </td>
</tr>
</table>
<!--Tool Tip-->
<div id="mystickytooltip" class="stickytooltip">
    <div class="main_holder_padd">
         <!--Loading-->
        <div id="country_loading_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel1" TextReference="country_loading_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="city_loading_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel2" TextReference="city_loading_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="postcodeloading_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel3" TextReference="postcodeloading_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="date_loading_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel4" TextReference="date_loading_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="time_loading_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel5" TextReference="time_loading_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <!--Unloading-->
               <div id="country_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel6" TextReference="country_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="city_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel7" TextReference="city_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="postcode_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel8" TextReference="postcode_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="date_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel9" TextReference="date_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="time_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel10" TextReference="time_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="airport_load_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel12" TextReference="airport_load_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="airport_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel13" TextReference="airport_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="seaport_load_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel11" TextReference="seaport_load_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
        <div id="seaport_unload_info" class="atip" style="width:300px; padding:3px; text-align:justify">
            <p>
                <eswf:i18nInfoLabel ID="I18nInfoLabel14" TextReference="seaport_unload_info" runat="server"></eswf:i18nInfoLabel>
            </p>
        </div>
    </div>
</div>

